<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚品牌-招商加盟</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <style>
        .el-form {
            margin-bottom: 60px;
        }
        
        .el-input {
            width: 398px;
        }
        
        .el-input__inner {
            border-radius: 0;
        }
        
        .el-radio__input.is-checked .el-radio__inner {
            border-color: #4a61a6;
            background: #4a61a6;
        }
        
        .el-radio__input.is-checked+.el-radio__label {
            color: #333;
        }
        
        .el-button--primary {
            background-color: #4a61a6;
            border-color: #4a61a6;
        }
        
        .el-button--primary:focus,
        .el-button--primary:hover {
            background: #637dcb;
            border-color: #637dcb;
        }
        
        .el-button {
            padding: 20px 74px;
            font-size: 16px;
            border-radius: 0;
        }
        
        .el-textarea__inner {
            width: 680px;
            border-radius: 0;
            resize: none;
        }
        
        .area-select .el-input {
            width: 118px !important;
        }
    </style>
</head>

<body>
    <div class="app-wrap" v-cloak id="jpp_jiameng">
        <header-top></header-top>
        <header-search-global type="服务"></header-search-global>
        <pinpai-header-top></pinpai-header-top>
        <common-top-nav1></common-top-nav1>
        <div class="container">
            <common-crumb :crumblist="crumblist"></common-crumb>
            <div>
                <p class="jpp-jm-title">合作条件</p>
                <div>{{condition}}</div>
                <p class="jpp-jm-title">合作流程</p>
                <div class="jpp-jm-step">
                    <div>
                        <i class="icon-jm m1"></i>
                        <p>提交申请</p>
                    </div>
                    <div>
                        <i class="icon-jm m2"></i>
                        <p>业务洽谈</p>
                    </div>
                    <div>
                        <i class="icon-jm m3"></i>
                        <p>报价发样</p>
                    </div>
                    <div>
                        <i class="icon-jm m4"></i>
                        <p>确认合作</p>
                    </div>
                </div>
                <p class="jpp-jm-title">申请加盟</p>
                <!--<div>这里是HTML内容</div>-->
                <div style="margin-top: 10px;">
                    <el-form :model="leagueApply" :rules="rules" ref="leagueApply" label-width="150px" label-position="right">
                        <el-form-item label="我是" prop="type">
                            <!--type:1，经销商；2.消费者；3品牌商-->
                            <el-select v-model="leagueApply.type" placeholder="请选择企业类型">
                                <el-option label="经销商" value="1"></el-option>
                                <el-option label="消费者" value="2"></el-option>
                                <el-option label="品牌商" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="加盟品牌" prop="ppname" v-model="leagueApply.brandId">
                            <el-input :disabled="true" v-model="brandName" :value="brandName"></el-input>
                        </el-form-item>
                        <el-form-item label="是否加盟过其他品牌">
                            <el-radio-group v-model="leagueApply.status" prop="status">
                                <el-radio label="1" value="1">是</el-radio>
                                <el-radio label="0" value="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="联系人" prop="contacts">
                            <el-input v-model="leagueApply.contacts"></el-input>
                            <el-radio-group v-model="leagueApply.sex">
                                <el-radio label="1" value="1">先生</el-radio>
                                <el-radio label="0" value="0">女士</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="联系手机" prop="phone">
                            <el-input v-model="leagueApply.phone"></el-input>
                        </el-form-item>
                        <el-form-item label="联系QQ">
                            <el-input v-model="leagueApply.qq"></el-input>
                        </el-form-item>
                        <el-form-item label="微信号">
                            <el-input v-model="leagueApply.weixin"></el-input>
                        </el-form-item>
                        <el-form-item label="邮箱">
                            <el-input v-model="leagueApply.email"></el-input>
                        </el-form-item>
                        <el-form-item label="所在地区">
                            <el-select v-model="provinceIndex" placeholder="请选择省" class="area-select">
                                <el-option v-for="item,index in area" :label="item.areaname" :value="index"></el-option>
                            </el-select>
                            <el-select v-model="cityIndex" placeholder="请选择市" class="area-select">
                                <el-option v-for="item,index in cityList" :label="item.areaname" :value="index"></el-option>
                            </el-select>
                            <el-select v-model="leagueApply.areaId" placeholder="请选择区" class="area-select">
                                <el-option v-for="item,index in areaList" :label="item.areaname" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="详细地址">
                            <el-input v-model="leagueApply.address"></el-input>
                        </el-form-item>
                        <el-form-item label="留言内容" prop="remarks">
                            <el-input type="textarea" v-model="leagueApply.remarks"></el-input>
                            <span class="jpp-jm-tip1">不能少于10个字符</span>
                            <div class="jpp-jm-tip">请填写联系方式以便该品牌商及时与您取得联系，我们会对您的资料予以保密！</div>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="submitForm('leagueApply')">提交</el-button>
                        </el-form-item>
                    </el-form>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <!--<script src="../../lib/js/area.js"></script>-->
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jpp_jiameng();
    </script>
</body>

</html>